.mine-wrap{
  padding: 20rpx;
  .user-info{
    display: flex;
    .head-img{
      .avatar-wrapper{
        padding: 0;
        width: 90rpx;
        height: 90rpx;
        border-radius: 50%;
        // border: 1rpx solid rgb(218, 211, 211);
        border-radius: 50%;
        background-color: transparent !important;
        .avatar {
          display: block;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          border-radius: 50%;
        }
      }
    }
    .other-msg{
      padding: 0 20rpx;
      .name{
        font-size: 14px;
        font-weight: bold;
      }
    }
  }
  .manage-menu{
    display: flex;
    padding: 20rpx 0;
    .mu-item{
      width: 25%;
      .img{
        display: block;
        width: 60rpx;
        height: 60rpx;
        margin: 0 auto;
        border-radius: 50%;
        // border: 1rpx solid #000;

      }
      .name{
        font-size: 12px;
        text-align: center;
        padding-top: 10rpx;
      }
    }
  }
  .charge-mark{
    // padding: 20rpx 0;
    margin-top: 20rpx;
    border-top: 1rpx solid rgb(218, 211, 211);
    .title{
      padding: 20rpx 0;
      font-size: 14px;
      font-weight: bold;
    }
    .report-forms{
      .search-tar{
        font-size: 16px;
        .picker-time{
          .tl-time{
            margin-right: 24rpx;
          }
          .spe{
            padding: 8rpx 10rpx;
          }
          .time-start{
            height: 40rpx;
            width: 180rpx;
            padding: 6rpx 10rpx;
            border: 1rpx solid #dfdcd9a6;
          }
          .time-end{
            padding: 6rpx 10rpx;
            border: 1rpx solid #dfdcd9a6;
          }
        }
        .sh-time{
          display: flex;
          align-items: center;
          .spe{
            padding: 6rpx 10rpx;
            margin-bottom: 4rpx;
          }

        }
        .sh-item{
          display: flex;
          align-items: center;
          margin-bottom: 8rpx;
          .hd-ct{
            min-width: 240rpx;
            padding: 6rpx 10rpx;
            border: 1rpx solid #dfdcd9a6;
          }
          .right-btn{
            width: 140rpx;
            padding: 6rpx 20rpx;
            margin-left: 20rpx;
            text-align: center;
            background-color: rgb(255, 143, 0);
            border: 1rpx solid #dfdcd9a6;
          }
        }
      }
      .table{
        margin-top: 20rpx;
        font-size: 14px;
        background-color: rgb(253, 253, 253);
        // border-top: 1rpx solid #dfdcd9a6;
        border-top: 1rpx solid #dfdcd9a6;
        // padding-top: 4rpx;
        border-radius: 6rpx;
        .tb-title{
          display: flex;
          .tl-item{
            width: 25%;
            height: 50rpx;
            line-height: 50rpx;
            text-align: center;
          }
        }
        .tb-visual{
          height: 420rpx;
        }
        .tb-row{
          display: flex;
          padding: 0 10rpx;
          .row-item{
            width: 25%;
            height: 54rpx;
            line-height: 54rpx;
            padding: 0 4rpx;
            text-align: center;
            overflow-x: scroll;
            // white-space: nowrap;
            // overflow: hidden; 
            // text-overflow: ellipsis; 
          }
        }
        .tb-row-new{
          display: flex;
          padding: 0 10rpx;
          padding: 0;
          .row-item{
            width: 100%;
            display: flex;
            align-items: center;
            background-color: #fff;
            padding: 6rpx 10rpx;
            margin-top: 10rpx;
            border: 1rpx solid #dfdcd9a6;
            border-radius: 6rpx;
            .content{
              flex: 1;
              .name{
                font-weight: 600;
              }
            }
            .acount{
              color: #ff8f00;
              font-weight: 400;
              margin-left: 10rpx;
            }
            .right-tip{
              // width: 85rpx;
              word-wrap: break-word;
              text-align: left;
              color: #ff8f00;
            }
          }
        }
        .count-row{
          display: flex;
          border-top: 1rpx solid #dfdcd9a6;
          .row-item{
            display: flex;
            padding: 10rpx;
            text-align: center;
          }
          .sum-title{
            font-weight: bold;
          }
        }
      }
    }
  }
}